【CSS】:required(擬似クラス) - 必須状態

【CSS】:required(擬似クラス) - 必須状態

CSSの擬似クラス/requiredについて解説します。

検証環境

required

擬似クラス/requiredは“入力項目要素が必須の状態を表す擬似クラス”です。

基本構文

:required {
    プロパティ名: プロパティ値;
}

サンプル

必須(required属性を持つ)の入力項目のテキストカラーを赤色に設定するサンプルです。

<style>
___ih_hl_start
input:required {
___ih_hl_end
    color: red;
}
</style>

<input required type="text" value="Text">